'use strict';
import React, { Component } from 'react';
import {
    AppRegistry,
    StatusBar,
    Navigator,
    TouchableOpacity,
    Image,
    PixelRatio,
    ScrollView,
    Text,View,Button,
} from 'react-native';

import Head from './layout/Head';
import styles from '../../assets/css/style.js';
import StatusCheckUtils from '../util/StatusCheckUtils';
import GlobalConfig from '../util/Global';

export default class NavigationView extends Component{
    render(){
        //const {navigate} = this.props.navigation;
        var lists=[["测试功能", "icon_in", GlobalConfig.TESTING_VIEW],["状态查看", "icon_ck", GlobalConfig.STATUS_CHECK_VIEW],  ["设 置", "icon_sz", GlobalConfig.SETTING_VIEW]];
        return (
            <View style={[styles.flex,styles.bgcolor]}>
                <Head title="" ref='head' list={lists}> </Head>
                <View style={[styles.flex,styles.bgcolor]}>
                    <ScrollView style={styles.ztScroll}>
                        <TouchableOpacity activeOpacity={1} onPress={() => this.refs.head.hideMenu()}>
                            <View style={styles.naviWrap}>
                                <View style={styles.naviTop}>
                                    <Image
                                        style={styles.naviImg}
                                        resizeMode="contain"
                                        source={require("../../assets/img/logoWhite.png")}
                                    />
                                </View>
                                <View style={styles.naviListWrap}>
                                    <View style={styles.naviList}>
                                        <View style={styles.listImage}>
                                            <Image
                                                style={styles.listIm}
                                                resizeMode="contain"
                                                source={require("../../assets/img/logo_zt.png")}
                                            />
                                        </View>
                                        <Text style={styles.listFont}>状态查看</Text>
                                    </View>
                                    <View style={styles.naviList}>
                                        <View style={styles.listImage}>
                                            <Image
                                                style={styles.listIm}
                                                resizeMode="contain"
                                                source={require("../../assets/img/logo_cs.png")}
                                            />
                                        </View>
                                        <Text style={styles.listFont}>测试功能</Text>
                                    </View>
                                    <View style={styles.naviList}>
                                        <View style={styles.listImage}>
                                            <Image
                                                style={styles.listIm}
                                                resizeMode="contain"
                                                source={require("../../assets/img/logo_sz.png")}
                                            />
                                        </View>
                                        <Text style={styles.listFont}>设 置</Text>
                                    </View>
                                </View>
                            </View>

                        </TouchableOpacity>
                    </ScrollView>

                </View>

            </View>
        )
    }
}

//export default SimpleApp;
//module.exports=ZhuangTai;
//export default zhuangTai
AppRegistry.registerComponent('iHGuapp', () => NavigationView);